<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Mowasalat - Logistics and Transports Website Template</title>
		<!-- All Stylesheets -->
		<link href="css/all-stylesheets.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- PRELOADER STARTS
			========================================================================= --> 
		<div id="preloader">
			<div id="status">
				<div class="spinner"></div>
			</div>
		</div>
		<!-- /. PRELOADER ENDS
			========================================================================= -->
		<!-- TOP HEADER STARTS
			========================================================================= -->
		<div class="top-header hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9 col-sm-9">
						<ul class="links">
							<li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> Call Us Now +2 0100 843 1112</a></li>
							<li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Admin@mowasalat.com</a></li>
							<li><a href="#"><i class="fa fa-paper-plane" aria-hidden="true"></i> Get a Quote</a></li>
						</ul>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<ul class="social-icons">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- /. TOP HEADER ENDS
			========================================================================= -->
		<!-- NAVIGATION STARTS
			========================================================================= -->
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index-001.html"><img src="images/logo/logo.png" alt=""></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right  hidden-xs">
						<li>
							<div class="searchlink" id="searchlink">
								<i class="fa fa-search"></i>
								<div class="searchform">
									<form id="search">
										<input type="text" class="s" id="s" placeholder="keywords...">
										<button type="submit" class="sbtn"><i class="fa fa-search"></i></button>
									</form>
								</div>
							</div>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="index-01.html">Home Page 01</a></li>
								<li><a href="index-02.html">Home Page 02</a></li>
								<li><a href="index-03.html">Home Page 03</a></li>
								<li><a href="index-04.html">Home Page 04</a></li>
								<li><a href="index-05.html">Home Page 05</a></li>
								<li><a href="index-06.html">Home Page 06</a></li>
								<li><a href="index-07.html">Home Page 07</a></li>
								<li><a href="index-08.html">Home Page 08</a></li>
								<li><a href="index-09.html">Home Page 09</a></li>
								<li><a href="index-10.html">Home Page 10</a></li>
								<li><a href="onepage-parallax.html">One Page Parallax</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="about-us-01.html">About Us 01</a></li>
								<li><a href="about-us-02.html">About Us 02</a></li>
								<li><a href="about-us-03.html">About Us 03</a></li>
								<li><a href="about-us-04.html">About Us 04</a></li>
								<li><a href="our-team.html">Our Team</a></li>
								<li><a href="single-team.html">Single Team</a></li>
								<li><a href="branches.html">Branches</a></li>
								<li><a href="career.html">Career</a></li>
								<li><a href="error-page.html">Error Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="services.html">Services 01</a></li>
								<li><a href="services-02.html">Services 02</a></li>
								<li><a href="services-03.html">Services 03</a></li>
								<li><a href="services-04.html">Services 04</a></li>
								<li><a href="services-05.html">Services 05</a></li>
								<li><a href="single-service.html">Single Service</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="quotation.html">Quotation</a></li>
							</ul>
						</li>
						<li><a href="vehicle-park.html">Gallery</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-grid.html">Blog Grid</a></li>
								<li><a href="blog-grid-with-left-sidebar.html">Blog with Left Sidebar</a></li>
								<li><a href="blog-grid-with-right-sidebar.html">Blog with Right Sidebar</a></li>
								<li><a href="blog-single.html">Blog Single</a></li>
							</ul>
						</li>
						<li class="dropdown active">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Store <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-single.html">Shop Single</a></li>
								<li><a href="shop-cart.html">Shop Cart</a></li>
								<li><a href="login.html">Login</a></li>
								<li><a href="register.html">Register</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</nav>
		<!-- /. NAVIGATION ENDS
			========================================================================= -->
		<!-- INNER BANNER STYLE 01 STARTS
			========================================================================= -->
		<div class="inner-banner b-img-12">
			<div class="black-overlay">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="info">
								<h1>Our Products</h1>
								<h2>Go beyond logistics, make the revolution business.</h2>
							</div>
						</div>
					</div>
				</div>
				<div class="bread-crumb">
					<div class="container">
						<div class="row">
							<div class="col-lg-12">
								<ol class="breadcrumb">
									<li><a href="">Home</a></li>
									<li><a href="">Shop</a></li>
									<li class="active">Product Name</li>
								</ol>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. INNER BANNER STYLE 01 ENDS
			========================================================================= -->
		<!-- SHOP STARTS
			========================================================================= --> 
		<div class="container shop">
			<!-- Cart Grid Starts -->
			<div class="row">
				<div class="col-lg-12">
					<div class="cart-grid">
						<!-- Row Header Starts -->
						<div class="cart-row-header hidden-xs">
							<div class="row">
								<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
									<div class="row">
										<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2"></div>
										<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
											Product
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
									<div class="row">
										<div class="col-xs-3 col-sm-3 col-md-4 col-lg-4">
											Price
										</div>
										<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
											Quantity
										</div>
										<div class="col-xs-3 col-sm-3 col-md-4 col-lg-4">
											Total
										</div>
										<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Header Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
						<!-- Row Starts -->
						<div class="row cart-row">
							<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
										<img src="http://placehold.it/60x60" alt="" class="img-responsive"/>
									</div>
									<div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
										<h1 class="product-name">
											Product Name
										</h1>
										<div class="product-info">
											Lorem ipsum dolor sit amet, consect etuer eli sed diam.
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6">
								<div class="row">
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="product-price">
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<div class="product-qty">
											<input name="quantity" value="1" size="4" maxlength="12">
										</div>
									</div>
									<div class="visible-xs-block clearfix"></div>
									<div class="col-xs-6 col-sm-3 col-md-4 col-lg-4">
										<div class="total-product-price">					
											$120.50
										</div>
									</div>
									<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
										<ul class="actions">
											<li>
												<a href=""><i class="fa fa-times"></i></a>
											</li>
											<li>
												<a href=""><i class="fa fa-pencil"></i></a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->
					</div>
				</div>
			</div>
			<!-- Cart Grid Ends -->
			<!-- Buttons Starts -->
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 cupon">
					<form class="form-inline">
						<div class="form-group">								
							<input type="text" class="form-control" id="CuponCode" placeholder="Cupon Code">
						</div>
						<button type="submit" class="btn btn-default">Apply</button>
					</form>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<ul class="button">
						<li><a href="#" class="fill-blue">Update</a></li>
						<li><a href="#" class="fill-black">Proceed to Checkout</a></li>
					</ul>
				</div>
			</div>
			<!-- Buttons Ends -->
		</div>
		<!-- /. SHOP ENDS
			========================================================================= -->		
		<!-- RELATED PRODUCTS STARTS
			========================================================================= -->
		<div class="light-grey-bg">
			<div class="container">
				<div class="row">
					<!-- Cart Total Starts -->
					<div class="col-lg-6 col-md-6 col-sm-6 cart-total">
						<div class="hero-text-2">
							<h1>Cart Total</h1>
							<div class="line"></div>
						</div>
						<table class="table">
							<tbody>
								<tr>
									<th scope="row">Cart Subtotals</th>
									<td>$35.00</td>
								</tr>
								<tr>
									<th scope="row">Shipping & Handling</th>
									<td>$35.00</td>
								</tr>
								<tr>
									<th scope="row">Order Totals</th>
									<td>$35.00</td>
								</tr>
							</tbody>
						</table>
					</div>
					<!-- Cart Total Starts -->
					<!-- Cart Total Starts -->
					<div class="col-lg-6 col-md-6 col-sm-6 cal-shipping">
						<div class="hero-text-2">
							<h1>Calculate Shipping</h1>
							<div class="line"></div>
						</div>
						<div class="form">
							<div class="form-group">
								<select class="form-control">
									<option>Select you Country</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
							</div>
							<div class="form-group">
								<input type="text" class="form-control" id="Mobile" placeholder="State">
							</div>
							<div class="form-group">
								<input type="text" class="form-control" id="Address" placeholder="Postal Code">
							</div>
							<button type="submit" class="btn btn-default">Update Total</button>
						</div>
					</div>
					<!-- Cart Total Starts -->
				</div>
			</div>
		</div>
		<!-- RELATED PRODUCTS STARTS
			========================================================================= -->
		<div class="shop">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text">
							<h1>RELATED PRODUCTS</h1>
							<h2>BOOKING OUR CARGO TO THE FUTURE</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 product-carousel">
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
						<!-- Product Starts -->
						<div class="product">
							<div class="picture"><img src="http://placehold.it/480x480" class="img-responsive" alt=""></div>
							<div class="info clearfix">
								<div class="name">Product Name</div>
								<div class="price">£56.00</div>
								<div class="star">
									<ul>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star-o"></i></li>
										<li><i class="fa fa-star-o"></i></li>
									</ul>
								</div>
							</div>
							<div class="rate"></div>
							<div class="button"><a href="" class="fill-blue"><i class="fa fa-eye" aria-hidden="true"></i> Quick Review</a><a href="" class="fill-black"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to Cart</a></div>
						</div>
						<!-- Product Ends -->
					</div>
				</div>
			</div>
		</div>
		<!-- /. RELATED PRODUCTS ENDS
			========================================================================= -->
		<!-- NEWSLETTER STARTS
			========================================================================= -->  
		<div class="parallax-3 newsletter">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h2>Newsletter for recieve</h2>
							<h1>our latest company updates</h1>
						</div>
					</div>
					<div class="col-lg-8 col-lg-offset-2">
						<form class="form-inline">
							<div class="form-group">							
								<input type="email" class="form-control" id="newsletter" placeholder="Your E-mail Address">
							</div>
							<button type="submit" class="btn btn-default"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- /. NEWSLETTER ENDS
			========================================================================= -->
		<!-- FOOTER STARTS
			========================================================================= -->
		<footer>
			<div class="dark-grey-1 row1">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 about">
							<h1>About Us</h1>
							<div class="about">Proin suscipit luctus orci placerat eat fringilla. Donec hendrerit laoreet risus volutpat mauris. Sed enim  bibendum eu forest for ever</div>
							<ul class="social-icons">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
							</ul>
						</div>
						<div class="col-lg-3 head-office">
							<h1>Head Office</h1>
							<ul class="office-icons">
								<li><i class="fa fa-map-marker" aria-hidden="true"></i> 1422 1st St. Santa Rosa,t CA, USA.</li>
								<li><a href=""><i class="fa fa-envelope-o" aria-hidden="true"></i> admin@e-mail.com</a></li>
								<li><i class="fa fa-phone" aria-hidden="true"></i> 002- 01008431112</li>
								<li><a href=""><i class="fa fa-mobile" aria-hidden="true"></i> 002- 01008431112</a></li>
							</ul>
						</div>
						<div class="col-lg-3 useful-links">
							<h1>Useful Links</h1>
							<ul>
								<li><a href="#">Why to choose us</a></li>
								<li><a href="#">Warehousing </a></li>
								<li><a href="#">Air Freight</a></li>
								<li><a href="#">Land Transport</a> </li>
								<li><a href="#">Freight Prices</a> </li>
								<li><a href="#">Cargo Membership</a></li>
							</ul>
						</div>
						<div class="col-lg-3 locations">
							<h1>Locations</h1>
							<img src="images/map/footer-map.png" class="img-responsive center-block" alt="" >
						</div>
					</div>
				</div>
			</div>
			<div class="dark-grey-2 row2">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<ul class="links">
								<li><a href="#">Home</a></li>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Track Your Road</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
						<div class="col-lg-6 copyright">
							© 2016 Mowasalat <span class="hidden-xs">-</span> <br class="visible-xs">Powered By <a href="">Mohamed Arafa</a>
						</div>
					</div>
					<div class="totop">
						<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a>
					</div>
				</div>
			</div>
		</footer>
		<!-- /. FOOTER ENDS
			========================================================================= -->		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<!-- REVOLUTION JS FILES -->
		<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
		<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
			(Load Extensions only on Local File Systems !  
			The following part can be removed on Server for On Demand Loading) -->	
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
		<script type="text/javascript">
			var tpj = jQuery;
			
			var revapi204;
			tpj(document).ready(function() {
			    if (tpj("#rev_slider_204_1").revolution == undefined) {
			        revslider_showDoubleJqueryError("#rev_slider_204_1");
			    } else {
			        revapi204 = tpj("#rev_slider_204_1").show().revolution({
			            sliderType: "standard",
			            jsFileLocation:"revolution/js/",
			            sliderLayout:"fullwidth",
			            dottedOverlay: "none",
			            delay: 9000,
			            navigation: {
			                keyboardNavigation: "off",
			                keyboard_direction: "horizontal",
			                mouseScrollNavigation: "off",
			                onHoverStop: "off",
			                touch: {
			                    touchenabled: "on",
			                    swipe_threshold: 75,
			                    swipe_min_touches: 1,
			                    swipe_direction: "horizontal",
			                    drag_block_vertical: false
			                },
			                arrows: {
										style:"zeus",
										enable:true,
										hide_onmobile:false,
										hide_under:600,
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										tmp:'<div class="tp-title-wrap">  	<div class="tp-arr-imgholder"></div> </div>',
										left: {
											h_align:"left",
											v_align:"center",
											h_offset:30,
											v_offset:0
										},
										right: {
											h_align:"right",
											v_align:"center",
											h_offset:30,
											v_offset:0
										}
									}
									,
									bullets: {
										enable:true,
										hide_onmobile:true,
										hide_under:600,
										style:"metis",
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										direction:"horizontal",
										h_align:"center",
										v_align:"bottom",
										h_offset:0,
										v_offset:30,
										space:5,
										tmp:'<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>'
									}
			            },
			            viewPort: {
			                enable: true,
			                outof: "pause",
			                visible_area: "80%"
			            },
			            responsiveLevels: [1240, 1024, 778, 480],
			            visibilityLevels: [1240, 1024, 778, 480],
			            gridwidth: [1240, 1024, 778, 480],
			            gridheight: [700, 650, 600, 500],
			            lazyType: "none",
			            parallax: {
			                type: "mouse",
			                origo: "slidercenter",
			                speed: 2000,
			                levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
			                type: "mouse",
			            },
			            shadow: 0,
			            spinner: "off",
			            stopLoop: "off",
			            stopAfterLoops: -1,
			            stopAtSlide: -1,
			            shuffle: "off",
			            autoHeight: "off",
			            hideThumbsOnMobile: "on",
			            hideSliderAtLimit: 0,
			            hideCaptionAtLimit: 0,
			            hideAllCaptionAtLilmit: 0,
			            debugMode: false,
			            fallbacks: {
			                simplifyAll: "off",
			                nextSlideOnWindowFocus: "off",
			                disableFocusListener: false,
			            }
			        });
			    }
			}); /*ready*/
		</script>
		<!-- Parallax -->
		<script type="text/javascript" src="js/parallax/jquery.parallax-1.1.3.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.localscroll-1.2.7-min.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.scrollTo-1.4.2-min.js"></script>
		<!-- Retina --> 
		<script type="text/javascript" src="js/retina/retina.js"></script> 
		<!-- Owl Carousel --> 
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<!-- FitVids --> 
		<script type="text/javascript" src="js/fitvids/jquery.fitvids.js"></script>
		<!-- Magnific Popup core JS file -->
		<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.js"></script>
		<!-- Counter Up --> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>		
		<script src="js/jquery.counterup.min.js"></script>
		<!-- Custom JS -->
		<script src="js/custom/custom.js"></script>
	</body>
</html>